<!DOCTYPE html>
<html>
<head>
        <title>Crombs</title>

        <meta name="HandheldFriendly" content="True">
        <meta name="viewport" content="width=400">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="default" />
        <link rel="apple-touch-startup-image" href="images/splash.png">

        <script type="text/JavaScript" src="JQ.js"></script>
	<link rel="stylesheet" type="text/css" href="scripts/jq.css">
	<link rel="stylesheet" type="text/css" href="scripts/jqtheme.css">
	<script type="text/JavaScript" src="scripts/jqm.js"></script>
        <script type="text/JavaScript" src="scripts/crombsGPS.js"></script>
	<script type="text/JavaScript" src="scripts/crombsDAO.js"></script>
        <script type="text/JavaScript" src="scripts/widgets.js"></script>
        <script type="text/JavaScript" src="scripts/heading.js"></script>
	<script type="text/JavaScript" src="scripts/widgetAccuracy.js"></script>
	<script type="text/JavaScript" src="scripts/widgetPositionLocked.js"></script>
	<script type="text/JavaScript" src="scripts/widgetCrombsCount.js"></script>
	<script type="text/JavaScript" src="scripts/widgetCrombsClosest.js"></script>
	<script type="text/JavaScript" src="scripts/widgetLoader.js"></script>
	<script type="text/JavaScript" src="scripts/renderers.js"></script>
        <link rel="stylesheet" type="text/css" href="crombstyles.css" media="screen">
        <link rel="stylesheet" type="text/css" href="Fonts/alert.css">
        <link rel="stylesheet" type="text/css" href="Fonts/simple.css">

<script>
// UI Resizing!
$(document).ready(function(){
$("#mainview").height(
		$(document).height()
);
});
</script>
</head>
<body>
<!--p id="debug"></p-->
<div id="left">
	<img class="smallLogo" src="images/smalllogo.png">
                <div id="dummyNews" class="news">
                                <div id="dummyAlertCounter" class="alertCounter">1</div>
                                <div id="dummyMSG" class="MSG">msg</div>
                </div>
                <div id="news" class="news">
                                <div id="alertCounter" class="alertCounter">0</div>
                                <div id="MSG" class="MSG">Welcome to Crombs!</div>
                </div>

	
	<div id="widgets">
		
	</div>	
</div>
<script>
</script>
<div id="mainview" class="mainview" ></div>
<!--div id="loading"><img alt="LOADING" src="images/loading.gif" /></div-->

</body>
</html>
